body {

    perspective: 500px;
    background: url("../img/bg\ \(1\).jpg");
    padding-top: 85px;

}

.po {
    margin-bottom: 0px !important;
    position: absolute;
}

.text_1,
.text_2 {
    width: calc(100% - 0px) !important;
}

.aa {
    color: #fff !important;
}

.box {
    width: 100%;
    height: 110px;
    position: relative;
    margin-bottom: 50px;
    transform-style: preserve-3d;
    animation: muma 16s linear infinite;
}

.PO0 {
    transform: translateZ(55px);
}

.po1 {
    transform: translateY(55px) rotateX(-90deg);
}

.po2 {
    transform: translateZ(-55px) rotateX(-180deg);
}

.po3 {
    transform: translateY(-55px) rotateX(90deg);
}

@keyframes muma {
    0% {}

    100% {
        transform: rotateX(360deg);
    }
}

.box:hover {
    animation-play-state: paused;

}

.box-c {
    width: 100%;
    height: 610px;
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
}

.content-1,
.content-2,
.content-3,
.content-4 {
    width: 50%;
    height: 50%;
}

.content-1 {
    background: url("../img/jiankong1.jpg") no-repeat;
}

.content-2 {
    background: url("../img/jiankong2.jpg") no-repeat;
}

.content-3 {
    background: url("../img/jiankong3.jpg") no-repeat;
}

.content-4 {
    background: url("../img/jiankong1.jpg") no-repeat;
}

.right_2 {
    padding-top: 20px !important;
}
.siz{
    width:20% !important;
    height:30% !important;
    margin-right: 10px !important;
}
.box-d{
    width:100%;height: 280px;
    padding: 20px;
    color: rgb(216, 238, 15);
}
.aa{
    color: #fff;
position:absolute;
left:50%;
top: 0;
transform:translateX(-50%)
}